// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'rb:styles/palette' as *;
@use './TimelineContent.module.scss' as *;

.timeline-day-divider {
  position: absolute;
  top: 0;
  height: 100%;
  border-left: 1px solid $pastel-gray;

  &:global(.hidden) {
    opacity: 0.35;
    background-color: $pastel-gray;
  }

  &:global(.hidden) + :global(.visible) {
    border-left: none;
  }

  &.weekend {
    background-color: lighten($blue, 55%);
  }
}

.timeline-row-content {
  display: flex;
  flex: 1;
  width: 100%;
  height: $row-height;
}

.timeline-header-labels {
  flex: 1;
  display: flex;
  position: relative;
}

.timeline-header-label {
  flex: 1;
  height: 100%;
  line-height: $row-height;
  text-align: center;

  &:global(.weekly),
  &:global(.monthly) {
    .timeline-label-text {
      cursor: pointer;
    }
  }

  .timeline-label-text {
    display: inline-block;
    color: $gray;
  }

  &.weekend {
    .timeline-label-text {
      font-weight: bold;
      color: lighten($blue, 30%);
    }
  }
}
